<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://xmlns.jcp.org/jsf/passthrough"
      xmlns:myta="http://java.sun.com/jsf/composite/myta">

	<ui:composition template="/templates/form.xhtml">
			<ui:define name="title">SIA Online</ui:define>
			<ui:define name="header">Data Guru</ui:define>
			<ui:define name="body">
				<h:form id="guru" onkeypress="if(event.keyCode==13)return false;">
					<div class="panel panel-primary">
						<div class="panel-heading">Detail Guru</div>
						<div class="panel-body">
							<div class="form-horizontal">
								<myta:inputText id="nis" label="ID Guru" inputBinding="#{guruData.txtidguru}"/>
								<myta:inputText id="nama" label="Nama" inputBinding="#{guruData.txtnama}"/>
								<myta:inputText id="alamat" label="Alamat" inputBinding="#{guruData.txtalamat}"/>
								<myta:inputText id="telepon" label="Telepon" inputBinding="#{guruData.txttelepon}"/>
								<myta:comboBox id="jeniskelamin" label="Jenis Kelamin" comboboxBinding="#{guruData.txtjeniskelamin}" comboboxValue="#{guruData.listJenisKelamin}"/>
								<myta:inputText id="tmplahir" label="Tempat Lahir" inputBinding="#{guruData.txttmplahir}"/>
								<myta:inputDate id="tgllahir" label="Tanggal Lahir" inputBinding="#{guruData.txttgllahir}"/>
								<myta:comboBox id="agama" label="Agama" comboboxBinding="#{guruData.txtagama}" comboboxValue="#{guruData.listAgama}"/>
								<myta:inputText id="pendidikanterakhir" label="Pendidikan Terakhir" inputBinding="#{guruData.txtpendidikanterakhir}"/>
								<myta:inputDate id="thnmulaimengajar" label="Tanggal Mulai Mengajar" inputBinding="#{guruData.txtthnmulaimengajar}"/>
								<myta:inputText id="statusguru" label="Status Guru" inputBinding="#{guruData.txtstatusguru}"/>
							</div>
						</div>
					</div>
					<div class="panel panel-primary">
						<div class="panel-heading">Detail Login Guru</div>
						<div class="panel-body">
							<div class="form-horizontal">
								<myta:inputText id="username" label="Username" inputBinding="#{guruData.txtusername}"/>
								<myta:inputText id="password" label="Password" inputBinding="#{guruData.txtpassword}"/>
							</div>
						</div>
					</div>
					
					<div class="pull-right">
						<h:commandButton value="Simpan" action="#{guruData.save}" styleClass="btn btn-success">
<!-- 							<f:ajax render=":message"/> -->
						</h:commandButton>&nbsp;
						<h:commandButton value="Batal" action="#{guruData.cancel}" styleClass="btn btn-info">
<!-- 							<f:ajax render=":message"/> -->
						</h:commandButton>
					</div>
				</h:form>
			</ui:define>
	</ui:composition>
</html>